/**
 *
 * Main container
 *
 */
#addToHomeScreen {
    z-index:9999;
    -webkit-user-select:none;
    user-select:none;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-touch-callout:none;
    touch-callout:none;
    width:240px;
    font-size:15px;
    padding:12px 14px;
    text-align:left;
    font-family:helvetica;
    background-image:-webkit-gradient(linear,0 0,0 100%,color-stop(0,#fff),color-stop(0.02,#eee),color-stop(0.98,#ccc),color-stop(1,#a3a3a3));
    border:1px solid #505050;
    -webkit-border-radius:8px;
    -webkit-background-clip:padding-box;
    color:#333;
    text-shadow:0 1px 0 rgba(255,255,255,0.75);
    line-height:130%;
    -webkit-box-shadow:0 0 4px rgba(0,0,0,0.5);
}

#addToHomeScreen.addToHomeIpad {
    width:268px;
    font-size:18px;
    padding:14px;
}

/**
 *
 * The 'wide' class is added when the popup contains the touch icon
 *
 */
#addToHomeScreen.addToHomeWide {
    width:296px;
}

#addToHomeScreen.addToHomeIpad.addToHomeWide {
    width:320px;
    font-size:18px;
    padding:14px;
}

/**
 *
 * The balloon arrow
 *
 */
#addToHomeScreen .addToHomeArrow {
    position:absolute;
    background-image:-webkit-gradient(linear,0 0,100% 100%,color-stop(0,rgba(204,204,204,0)),color-stop(0.4,rgba(204,204,204,0)),color-stop(0.4,#ccc));
    border-width:0 1px 1px 0;
    border-style:solid;
    border-color:#505050;
    width:16px; height:16px;
    -webkit-transform:rotateZ(45deg);
    bottom:-9px; left:50%;
    margin-left:-8px;
    -webkit-box-shadow:inset -1px -1px 0 #a9a9a9;
    -webkit-border-bottom-right-radius:2px;
}


/**
 *
 * The balloon arrow for iPad
 *
 */
#addToHomeScreen.addToHomeIpad .addToHomeArrow {
    -webkit-transform:rotateZ(-135deg);
    background-image:-webkit-gradient(linear,0 0,100% 100%,color-stop(0,rgba(238,238,238,0)),color-stop(0.4,rgba(238,238,238,0)),color-stop(0.4,#eee));
    -webkit-box-shadow:inset -1px -1px 0 #fff;
    top:-9px; bottom:auto; left:50%;
}


/**
 *
 * Close button
 *
 */
#addToHomeScreen .addToHomeClose {
    -webkit-box-sizing:border-box;
    position:absolute;
    right:4px;
    top:4px;
    width:18px;
    height:18px; line-height:14px;
    text-align:center;
    text-indent:1px;
    -webkit-border-radius:9px;
    background:rgba(0,0,0,0.12);
    color:#707070;
    -webkit-box-shadow:0 1px 0 #fff;
    font-size:16px;
}


/**
 *
 * The '+' icon, displayed only on iOS < 4.2
 *
 */
#addToHomeScreen .addToHomePlus {
    font-weight:bold;
    font-size:1.3em;
}


/**
 *
 * The 'share' icon, displayed only on iOS >= 4.2
 *
 */
#addToHomeScreen .addToHomeShare {
    display:inline-block;
    width:18px;
    height:15px;
    background-repeat:no-repeat;
    background-image:url();
    background-size:18px 15px;
    text-indent:-9999em;
    overflow:hidden;
}


/**
 *
 * The touch icon (if available)
 *
 */
#addToHomeScreen .addToHomeTouchIcon {
    display:block;
    float:left;
    -webkit-border-radius:6px;
    border-radius:6px;
    -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5),
        inset 0 0 2px rgba(255,255,255,0.9);
    box-shadow:0 1px 3px rgba(0,0,0,0.5),
        inset 0 0 2px rgba(255,255,255,0.9);
    background-repeat:no-repeat;
    width:57px; height:57px;
    -webkit-background-size:57px 57px;
    background-size:57px 57px;
    margin:0 12px 0 0;
    border:1px solid #333;
    -webkit-background-clip:padding-box;
    background-clip:padding-box;
}


/**
 *
 * The 'share' icon for retina display
 *
 */
@media all and (-webkit-min-device-pixel-ratio: 2) {
    #addToHomeScreen .addToHomeShare {
        background-image:url();
    }
}
